@font-face {
	font-family: 'trade-light';
	src: url('https://www.opendns.com/wp-content/themes/opendns/css/fonts/trade-gothic-standard/tradegothicltstd-light-webfont.woff') format('woff');
}

@font-face {
	font-family: 'trade-condensed';
	src: url('https://www.opendns.com/wp-content/themes/opendns/css/fonts/trade-gothic-condensed/tradegothicltstd-cn18-webfont.woff') format('woff');
}

@font-face {
	font-family: 'trade-normal';
	src: url('https://www.opendns.com/wp-content/themes/opendns/css/fonts/trade-gothic-standard/tradegothicltstd-webfont.woff') format('woff');
}

@font-face {
	font-family: 'trade-bold';
	src: url('https://www.opendns.com/wp-content/themes/opendns/css/fonts/trade-gothic-standard/tradegothicltstd-bd2-webfont.woff') format('woff');
}

@font-face {
	font-family: 'unibody-bold';
	src: url('https://s3-us-west-1.amazonaws.com/webteam-font-storage/fonts/marketing/unibody8pro-bold.woff') format('woff');
}

@font-face {
	font-family: 'unibody-regular';
	src: url('https://s3-us-west-1.amazonaws.com/webteam-font-storage/fonts/marketing/unibody8pro-regular.woff') format('woff');
}

@font-face {
	font-family: CiscoSans;
	font-style: normal;
	font-weight: 100;
	src: url("https://eloqua-assets.s3-us-west-2.amazonaws.com/registration-page-2p0/1544721850525_CiscoSansTT-Thin.woff2") format("woff2")
}

@font-face {
	font-family: CiscoSans;
	font-style: oblique;
	font-weight: 100;
	src: url("https://eloqua-assets.s3-us-west-2.amazonaws.com/registration-page-2p0/1544721850525_CiscoSansTT-ThinOblique.woff2") format("woff2")
}

@font-face {
	font-family: CiscoSans;
	font-style: normal;
	font-weight: 200;
	src: url("https://eloqua-assets.s3-us-west-2.amazonaws.com/registration-page-2p0/1544721850525_CiscoSansTT-ExtraLight.woff2") format("woff2")
}

@font-face {
	font-family: CiscoSans;
	font-style: oblique;
	font-weight: 200;
	src: url("https://eloqua-assets.s3-us-west-2.amazonaws.com/registration-page-2p0/1544721850525_CiscoSansTT-ExtraLightOblique.woff2") format("woff2")
}

@font-face {
	font-family: CiscoSans;
	font-style: normal;
	font-weight: 300;
	src: url("https://eloqua-assets.s3-us-west-2.amazonaws.com/registration-page-2p0/1544721850525_CiscoSansTTLight.woff2") format("woff2")
}

@font-face {
	font-family: CiscoSans;
	font-style: oblique;
	font-weight: 300;
	src: url("https://eloqua-assets.s3-us-west-2.amazonaws.com/registration-page-2p0/1544721850525_CiscoSansTTLight-Oblique.woff2") format("woff2")
}

@font-face {
	font-family: CiscoSans;
	font-style: normal;
	font-weight: 400;
	src: url("https://eloqua-assets.s3-us-west-2.amazonaws.com/registration-page-2p0/1544721850525_CiscoSansTT.woff2") format("woff2")
}

@font-face {
	font-family: CiscoSans;
	font-style: oblique;
	font-weight: 400;
	src: url("https://eloqua-assets.s3-us-west-2.amazonaws.com/registration-page-2p0/1544721850525_CiscoSansTT-Oblique.woff2") format("woff2")
}

@font-face {
	font-family: CiscoSans;
	font-style: normal;
	font-weight: 500;
	src: url("https://eloqua-assets.s3-us-west-2.amazonaws.com/registration-page-2p0/1544721850525_CiscoSansTT-Bold.woff2") format("woff2")
}

@font-face {
	font-family: CiscoSans;
	font-style: oblique;
	font-weight: 500;
	src: url("https://eloqua-assets.s3-us-west-2.amazonaws.com/registration-page-2p0/1544721850525_CiscoSansTT-BoldOblique.woff2") format("woff2")
}

@font-face {
	font-family: CiscoSans;
	font-style: normal;
	font-weight: 600;
	src: url("https://eloqua-assets.s3-us-west-2.amazonaws.com/registration-page-2p0/1544721850525_CiscoSansTT-Heavy.woff2") format("woff2")
}

@font-face {
	font-family: CiscoSans;
	font-style: oblique;
	font-weight: 600;
	src: url("https://eloqua-assets.s3-us-west-2.amazonaws.com/registration-page-2p0/1544721850525_CiscoSansTT-HeavyOblique.woff2") format("woff2")
}

body {
	color: #333333;
	font-family: CiscoSans, Arial, sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.44;
	font-style: normal;
}

html,
body {
	overflow-x: hidden;
}

html {
	font-family: CiscoSans, Arial, sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.44;
	font-style: normal;
}

iframe {
	max-width: 100%;
}

.header-right h4 {
	font-size: 24px;
	margin: 0 !important;
}

.header .col-lg-12 {
	padding: 0;
}

.bold {
	font-weight: 500;
}

h2 {
	font-size: 1.875em;
	font-weight: 200;
	letter-spacing: -.05em;
	line-height: 1.08;
	margin-bottom: .83em;
}

h3 {
	font-weight: 200;
}

.logo {
	float: left;
	max-width: 275px;
	padding: 35px 0;
}

.header-right {
	float: right;
	text-align: right;
}

.header {
	text-align: center;
}

.header-bg {
	background: url('https://images.security.umbrella.com/EloquaImages/clients/CiscoSaaS/%7B31c96529-9455-48dd-8598-e31271b47ac1%7D_092317-sig-header-bg.png');
	background-size: cover;
	background-repeat: no-repeat;
}

.header-inner {
	padding: 120px 0;
	width: 1170px;
	margin: 0 auto;
	text-align: left;
}

.header-inner h2 {
	letter-spacing: -.05em;
	line-height: 1.08;
	margin: 0 0 .4em;
	color: #fff;
	font-size: 3.75rem;
	font-weight: 100;
}

.header-inner p {
	margin: 0 0 2.08em;
	color: #fff;
	font-size: 24px;
	letter-spacing: .025em;
	line-height: 1.25;
}

.header-inner .btn-white {
	border: 2px solid #fff;
	background-color: #fff;
	color: #000;
	-webkit-transition: box-shadow .1s linear;
	transition: box-shadow .1s linear;
	display: inline-block;
	margin: 0;
	padding: .05rem 1rem 0;
	border: 2px solid #fff;
	border-radius: 30px;
	font-size: .875rem;
	font-weight: 500;
	letter-spacing: .07rem;
	line-height: 2;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	box-shadow: 0 0 0 0 #fff;
	cursor: pointer;
}

.header-inner .btn-white:hover {
	background-color: #fff;
	color: #000;
	box-shadow: 0 0 0 1px #fff;
}

.header-content {
	padding-top: 5%;
	margin: 0 auto;
	width: 85%;
}

.header-content p {
	font-size: 22px;
}

.header-content .btn {
	margin: 30px 0 40px 0;
}

.orange {
	color: #F37722;
}

.center {
	text-align: center;
	margin: 0 auto;
}

.security-overview {
	max-width: 90%;
}

.btn-orange {
	border: 2px solid #ff7615;
	background-color: #ff7615;
	color: #fff;
	-webkit-transition: box-shadow .1s linear;
	transition: box-shadow .1s linear;
	display: inline-block;
	margin: 0;
	padding: .05rem 1rem 0;
	border: 2px solid #ff7615;
	border-radius: 30px;
	font-size: .875rem;
	font-weight: 500;
	letter-spacing: .07rem;
	line-height: 2;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	box-shadow: 0 0 0 0 #ff7615;
	cursor: pointer;
}

.btn-orange:hover {
	background-color: #ff7615;
	color: #fff;
	box-shadow: 0 0 0 1px #ff7615;
	text-decoration: none;
}

.margin-top-20 {
	margin-top: 20px;
}

.white-bg {
	background: #fff;
	color: #141824;
}

.gray-bg {
	background: #F5F5F5;
}

.info,
.network-safe {
	display: table;
}

.info .vertical-align-middle,
.network-safe .vertical-align-middle {
	width: 50%;
	display: table-cell !important;
	vertical-align: middle !important;
	float: none;
}

.info .float-right,
.network-safe .float-right {
	float: right;
	width: 50%;
	padding-left: 100px;
}

.info h2,
.network-safe h2 {
	font-size: 1.875em;
	font-weight: 200;
	letter-spacing: -.05em;
	line-height: 1.08;
	margin-bottom: .83em;
}

.icon {
	width: auto;
}

.icon-margin {
	margin-top: -100px;
}

.info-content,
.network-safe-content {
	display: inline-block;
}

.left {
	float: left;
}

.right {
	float: right;
}

.offwhite {
	color: #a8a8a8;
}

.small {
	font-size: 14px;
}

.inline {
	display: inline;
}

.top-15 {
	padding-top: 15px;
}

.phone {
	margin-left: 30px;
}

.text-right {
	text-align: right;
}

.footer p {
	padding: 10px 0;
	font-size: 1.3rem;
	line-height: 1.7;
	color: #a8a8a8;
	text-align: center;
	display: inline-block;
	padding-right: 80px;
}

.footer p .ips {
	margin-left: 2em;
	font-size: 2rem;
	color: #F37821;
}

.footer {
	background: #262631;
	font-family: 'trade-condensed';
	padding-bottom: 2.25em;
}

.footer ul {
	display: inline-block;
	top: 0;
	right: 0;
	padding: 20px 0;
	text-align: left;
	padding-left: 50px;
}

.footer ul li {
	display: inline-block;
	padding: 0;
	margin-left: 1em;
}

.footer ul li a {
	color: #b5b5b5;
	font-size: 16px;
}

.footer ul li a:hover {
	color: #b5b5b5;
}

.bottom-footer a,
.bottom-footer p {
	color: #999999;
	font-size: 14px;
}

.footer-logo {
	padding-bottom: 10px;
}

hr {
	border-top: 1px solid #999999;
	margin-top: 0;
}

.bottom-footer .phone-numbers {
	color: #F37821;
	font-size: 14px;
}

.bottom-footer {
	padding-bottom: 40px;
}

.panel-click[aria-expanded=true] .fa-plus {
	display: none;
}

.panel-click[aria-expanded=false] .fa-minus {
	display: none;
}

.why-opendns-row {
	padding: 100px 0;
}

.no-padding {
	padding: 0 !important;
}

.margin-bottom-20 {
	margin-bottom: 20px !important;
}

.grid-icon {
	max-width: 85%;
	padding-top: 12px;
}

.why-opendns-icon {
	display: inline-flex;
	padding-right: 10px;
	max-width: 40px;
}

.icon-margin-left {
	margin-left: 6px;
}

.why-opendns h2 {
	font-size: 1.875em;
	font-weight: 200;
	letter-spacing: -.05em;
	line-height: 1.08;
	margin-bottom: .83em;
}

.icon-text {
	display: inline-block;
	font-size: 15px;
	margin-left: 5px;
}

.margin-left-5 {
	margin-left: 5px;
}

.why-opendns .header-support {
	width: 60%;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.44;
}

.why-opendns .header-support p {
	margin: 1em 0 1.83em 0;
}

.why-opendns-left p {
	display: block;
	margin: 0;
}

.why-opendns-right .row {
	margin: 0 auto;
	padding-top: 25px;
}

.align-middle {
	align-items: center;
}

.lights-out {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url('https://images.security.umbrella.com/EloquaImages/clients/CiscoSaaS/%7B6a6d8dca-326e-46f3-8d68-b1816c130124%7D_092317-sig-stats-bg.png');
	padding: 100px 0;
}

.ghost-btn {
	-webkit-transition: box-shadow .1s linear;
	transition: box-shadow .1s linear;
	display: inline-block;
	margin: 1rem 0;
	padding: .05rem 1rem 0;
	border: 2px solid #fff;
	border-radius: 30px;
	background-color: transparent;
	color: #fff;
	font-size: .875rem;
	font-weight: 500;
	letter-spacing: .07rem;
	line-height: 2;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	box-shadow: 0 0 0 0 #fff;
	cursor: pointer;
	border: 2px solid #fff;
	background-color: transparent;
	color: #fff;
}

.ghost-btn:hover {
	background-color: transparent;
	color: #fff;
	box-shadow: 0 0 0 1px #fff;
	text-decoration: none;
}

.white-bg-container {
	padding: 50px 0 70px 0;
}

.learn-more {
	padding: 100px 0;
}

.animation {
	text-align: center;
	padding: 100px 0;
}

.animation h2 {
	margin: 0;
	padding: 0;
}

.secure-internet-gateway .info {
	padding: 0;
}

.info,
.network-safe {
	padding: 100px 0;
}

.info p,
.network-safe p {
	margin: 1em 0;
}

.panel-title a {
	font-size: 22px;
}

.panel-body {
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 20px;
}

.learn-more-bg {
	background: #333333;
}

.learn-more .white {
	color: #fff;
}

.learn-more-left {
	border-right: 1px solid #fff;
}

.learn-more h3 {
	padding-bottom: 15px;
	font-size: 22px;
	color: #fff;
	margin-top: 0;
}

.learn-more {
	color: #fff;
}

.learn-more .border-img {
	padding-bottom: 20px;
	max-width: 90%;
}

.learn-more .inner-text-left {
	text-align: center;
	margin: 0 auto;
	margin-right: 20%;
	float: right;
}

.learn-more .inner-text-right {
	text-align: center;
	margin: 0 auto;
	margin-right: 15%;
}

.learn-more .inner-text-left a,
.learn-more .inner-text-right a {
	color: #fff;
}

.learn-more .inner-text-left a:hover,
.learn-more .inner-text-right a:hover {
	text-decoration: none;
}

.learn-more .chevron {
	margin-left: 10px;
	vertical-align: top;
	padding-top: 2px;
}

.dark-chevron {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	display: inline-block;
	position: relative;
	top: -2px;
	left: 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #fff;
	vertical-align: middle;
	margin-left: .25em;
}

.dark-chevron::after {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 8px;
	height: 8px;
	border-right: 3px solid #333333;
	border-bottom: 3px solid #333333;
	content: "";
}

.box {
	background-color: #fff;
	color: #191E2D;
	margin: 0 auto;
	height: 380px;
}

.box p {
	line-height: 30px;
	padding: 5px 15px 20px;
	font-size: 16px;
}

.inner-box {
	height: 75%;
	padding-top: 30px;
}

.box a.btn {
	padding: 10px 30px;
	background: transparent;
	border: 2px solid #000;
	color: #000;
}

.learn-more .col-lg-6 {
	margin-top: 20px;
}

.lights-out .col-sm-4 {
	padding: 100px 0;
}

.lights-out p {
	margin: 0 auto;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.44;
	width: 44%;
}

.lights-out-content {
	margin: 1em 0;
}

.lights-out h3 {
	letter-spacing: -.05em;
	line-height: 1.08;
	font-size: 2.175em;
	font-weight: 200;
	margin-top: 0;
}

.number-stats {
	font-weight: 200;
	line-height: 1;
	font-size: 1.75rem;
}

.number {
	letter-spacing: .1rem;
	text-transform: uppercase;
	display: block;
	padding-right: 0;
	font-size: 3.75rem;
	text-align: inherit;
}

.number-percent {
	font-size: 32px;
}

.orange-bg {
	background: url('https://images.security.umbrella.com/EloquaImages/clients/CiscoSaaS/%7B3ccbeb84-3f2e-429c-94ef-867b9b896eec%7D_092317-sig-orange-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.secure-internet-gateway .info-content-left {
	width: 100%;
}

.secure-internet-gateway .vertical-align-middle {
	display: table-cell;
	vertical-align: middle;
	float: none;
}

.firewall-proxy-virus-not-enough {
	color: #333333;
}

.secure-internet-gateway {
	padding: 79px 0;
	display: table;
}

.secure-internet-gateway h2 {
	font-size: 1.875em;
	font-weight: 200;
	letter-spacing: -.05em;
	line-height: 1.08;
	margin-bottom: .83em;
}

.secure-internet-gateway h3 {
	padding: 20px 0;
	margin: 0;
}

.secure-internet-gateway p {
	margin: 1em 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.44;
	width: 80%;
}

.secure-internet-gateway img {
	width: 90%;
}

.purple-bg {
	background: #191E2D;
}

.big {
	font-size: 30px;
}

.aliens {
	width: 580px !important;
	height: auto !important;
	margin-top: -40px;
}


#video-container {
	width: 100%;
	height: 550px;
	position: relative;
}

#video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

video {
	opacity: 0.2;
	min-width: 100%;
	min-height: 100%;
	width: auto !important;
	height: auto !important;
}

.video-table {
	display: table;
	height: 100%;
}

.align-video-table-middle {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
}

.align-video-table-middle .center {
	margin-top: 40px;
}

.align-video-table-middle .col-sm-3 {
	padding: 0;
	border-right: 1px solid #fff;
}

.align-video-table-middle .col-sm-3:nth-of-type(4) {
	border: none;
}

.lights-out-attackers {
	padding-top: 40px;
}

.block {
	display: block;
}

.down-arrow {
	display: block;
	margin: 0 auto;
	width: 50px;
	padding: 40px 0 10px 0;
	animation-duration: 1.3s !important;
}

canvas {
	cursor: default !important;
	max-width: 70%;
	margin-bottom: -15px;
}

.first-line-defense {
	padding: 100px 0;
	display: table;
}

.first-line-defense h2 {
	margin: 0;
	font-size: 3.55rem;
	font-weight: 100;
	letter-spacing: -.05em;
	line-height: 1.08;
}

.first-line-defense p {
	padding: 15px 0;
	font-size: 24px;
	letter-spacing: .025em;
	line-height: 1.25;
}

.first-line-defense img {
	max-width: 100%;
}

.first-line-defense .vertical-align-middle {
	display: table-cell;
	vertical-align: middle;
	float: none;
}

.first-line-defense .laptop {
	width: 100%;
}

/* Bootstrap Overrides */
.col-centered {
	display: inline-block;
	float: none;
}


.panel,
.panel-heading {
	background: none !important;
}

.panel-default {
	border: none;
}

.panel-body,
.panel-heading {
	padding: 10px 0;
}

.panel-title a:hover,
.panel-title a:active,
.panel-title a:visited,
.panel-title a:focus {
	text-decoration: none;
}

/* End Overrides */

/* Media Queries */
@media screen and (max-width:455px) {
	.header-inner h2 {
		font-size: 43px;
	}
}

@media screen and (max-width:991px) {
	h2 {
		font-size: 32px;
	}

	.header-inner {
		width: 80%;
	}

	.animation {
		padding: 60px 0;
	}

	.info,
	.network-safe {
		padding: 60px 10px;
	}

	.secure-internet-gateway h2 {
		margin-top: 0;
	}

	.secure-internet-gateway {
		padding: 60px 0;
	}

	.info p,
	.network-safe p {
		margin: 0;
	}

	.icon {
		width: auto;
		max-width: 90%;
	}

	.info .float-right,
	.network-safe .float-right {
		float: none;
		width: auto;
		padding-left: 0;
	}

	.info .vertical-align-middle,
	.network-safe .vertical-align-middle {
		width: auto;
		display: block !important;
	}

	.icon-margin {
		margin-top: 0;
	}

	.info-content {
		padding: 20px 0 0 0;
	}

	.why-opendns .col-md-6 {
		height: auto;
	}

	.why-opendns .row {
		padding-top: 25px;
	}

	.why-opendns-row {
		padding: 60px 0;
	}

	.panel-title a {
		font-size: 16px;
	}

	.lights-out h2 {
		padding-bottom: 20px;
	}

	.lights-out p {
		font-size: 18px;
		width: 100%;
		display: inline-block;
	}

	.lights-out .col-sm-4 {
		padding: 30px 0;
	}

	.number {
		font-size: 40px;
	}

	.number-percent {
		font-size: 22px;
	}

	iframe {
		margin: 0 auto;
	}

	.why-opendns .header-support {
		width: 80%;
	}

	.why-opendns-icon {
		display: block;
		text-align: center;
		max-width: 100%;
	}

	.why-opendns-icon img {
		margin: 0 auto;
	}

	.why-opendns-right .icon-text {
		text-align: center;
		width: 100%;
		margin-left: 0;
		padding-top: 10px;
	}

	.why-opendns-right .icon-text br {
		display: none;
	}

	.why-opendns-right .col-lg-6 {
		margin-bottom: 10px;
	}

	.first-line-defense img {
		margin-top: 40px;
	}

	.learn-more {
		padding: 60px 0;
	}

	.learn-more-left {
		border-right: none;
	}

	.learn-more .inner-text-left {
		float: none;
		text-align: center;
		width: 70%;
		margin: 0 auto;
		padding-bottom: 20px;
		border-bottom: 1px solid #fff;
	}

	.learn-more .inner-text-right {
		float: none;
		text-align: center;
		width: 70%;
		margin: 0 auto;
	}

	.secure-internet-gateway img {
		width: 50%;
	}

	.secure-internet-gateway p {
		width: 100%;
	}

	.first-line-defense {
		padding: 60px 0;
	}

	.first-line-defense h2 {
		font-size: 46px;
		margin-top: 0;
	}

	.lights-out {
		padding: 60px 0;
	}

	.legend {
		margin-top: -10px !important;
	}

	.first-line-defense .vertical-align-middle {
		display: block;
	}

	.secure-internet-gateway .vertical-align-middle {
		display: block;
	}
}

@media screen and (max-width:1199px) and (min-width:992px) {
	.lights-out .col-sm-3 {
		margin-bottom: 40px;
	}

	.learn-more .border-img {
		max-width: 100%;
	}

	.learn-more .inner-text-right {
		margin-right: 0;
	}

	.first-line-defense .laptop {
		vertical-align: middle;
		display: table-cell;
		float: none;
	}

	.secure-internet-gateway .illustration {
		vertical-align: middle;
		display: table-cell;
		float: none;
	}
}

@media screen and (max-width:1199px) {
	.header-inner {
		width: 85%;
	}

	.col-centered {
		display: block;
	}

	.learn-more .col-lg-4 {
		width: 80%;
		margin: 0 auto;
	}

	.box {
		height: auto;
	}

	.box .btn {
		margin-bottom: 30px;
	}

	.header {
		background-size: 100%;
		background-position: center;
	}
}

@media screen and (max-width:900px) {
	.footer {
		padding-bottom: 20px;
	}

	.footer p {
		display: block;
		padding: 10px 0 0 0;
	}

	.footer ul {
		padding: 10px 0;
	}

	.footer ul li {
		margin-left: 0;
		margin-right: 1em;
	}

	.footer ul li a {
		font-size: 14px;
	}
}

@media screen and (max-width:600px) {
	.security-overview {
		display: none;
	}

	.header-right {
		width: 100%;
		padding: 20px 0;
	}

	.header-right h4 {
		font-size: 20px;
	}

	.header-right h5 {
		font-size: 13.5px;
	}

	.header-content {
		width: 100%;
	}

	.header-content h2 {
		font-size: 26px;
	}

	.header-content p {
		font-size: 22px;
	}

	.header-content .btn {
		margin: 20px 0 40px 0;
		padding: 10px 30px;
	}

	.aliens {
		width: 100% !important;
		height: auto !important;
		margin: 0 auto;
		margin-top: -40px !important;
	}

	.legend {}

	.legend p.your-network {
		padding-left: 30px;
	}

	.legend p.your-network img {
		left: 0;
	}

	.box a.btn {
		padding: 10px 20px;
	}
}

@media screen and (max-width:767px) {
	.header .col-lg-12 {
		padding: 0 15px;
	}

	.header-inner p br {
		display: none;
	}

	.header {
		height: auto;
	}

	.down-arrow {
		width: 30px;
		padding: 35px 0;
	}

	.bottom-footer .text-right {
		text-align: left;
	}

	.align-video-table-middle .col-sm-3 {
		border: none;
		padding: 0;
	}

	.align-video-table-middle .col-sm-3:nth-of-type(4) {
		margin: 0;
	}

	.lights-out-attackers {
		padding-top: 0px;
	}

	.lights-out .col-sm-3:nth-of-type(1) {
		margin-left: -58px;
	}

	#video-container {
		height: 950px;
	}

	#video {
		height: 100%;
	}

	.number {
		font-size: 70px;
		display: inline-block;
	}

	.number-stats {
		display: inline-block;
		text-align: left;
		margin-left: 20px;
	}

	.why-opendns-right .col-lg-6 {
		padding: 0;
	}
}

@media screen and (max-width:735px) {
	#video-container {
		height: 950px;
	}

	#video {
		height: 100%;
	}

	.why-opendns-icon {
		display: block;
		text-align: center;
		max-width: 100%;
	}

	.why-opendns-icon img {
		margin: 0 auto;
	}

	.why-opendns-right .icon-text {
		text-align: center;
		width: 100%;
		margin-left: 0;
	}

	.why-opendns-right .icon-text br {
		display: none;
	}
}

@media screen and (max-width:1440px) and (min-width:992px) {
	.legend {}
}

@media screen and (min-width:1441px) {
	.aliens {
		width: 750px !important;
		height: auto !important;
		margin-top: 0;
	}

	.legend {}
}

@media screen and (max-width:767px) and (min-width:400px) {
	.header-right h4 {
		font-size: 14px;
	}

	.header-right h5 {
		font-size: 10.5px;
	}

	.header-content h2 {
		font-size: 16px;
	}

	.header-content p {
		font-size: 12px;
	}

	.header-content .btn {
		margin: 0 0 40px 0;
		padding: 10px 30px;
		font-size: 12px;
	}

	.aliens {
		width: 70% !important;
		height: auto !important;
		margin: 0 auto;
		margin-top: -40px !important;
	}

	.legend {
		padding: 10px !important;
	}

	.legend p {
		font-size: 9px !important;
	}

	.legend p span {
		font-size: 8px !important;
	}

	.legend p img {
		padding-right: 5px;
		max-width: 30px;
	}

	.down-arrow {
		width: 30px;
		padding: 35px 0;
	}

	.smaller-icon {
		height: 15px !important;
	}
}

@media (max-width:767px) and (min-width:660px) {
	.legend {
		padding: 10px !important;
	}
}

@media (max-width:660px) and (min-width:450px) {
	.legend {
		padding: 10px !important;
	}
}

@media (max-width:450px) and (min-width:400px) {
	.legend {
		padding: 10px !important;
	}
}

@media (max-width:399px) {
	.header-right h4 {
		font-size: 14px;
	}

	.header-right h5 {
		font-size: 10.5px;
	}

	.header-content h2 {
		font-size: 12px;
	}

	.header-content p {
		font-size: 8px;
	}

	.header-content .btn {
		margin: 0 0 40px 0;
		padding: 5px 20px;
		font-size: 8px;
	}

	.aliens {
		width: 70% !important;
		height: auto !important;
		margin: 0 auto;
		margin-top: -40px !important;
	}

	.legend {
		padding: 10px !important;
	}

	.legend p {
		font-size: 8px !important;
	}

	.legend p span {
		font-size: 8px !important;
	}

	.legend p img {
		padding-right: 5px;
		max-width: 20px;
	}

	.down-arrow {
		width: 30px;
		padding: 25px 0;
	}
}

@media (max-height:750px) and (min-width:1199px) {
	.header-content .btn {
		margin: 10px 0 40px 0;
	}

	.aliens {
		width: 580px !important;
		margin-top: -40px !important
	}

	.legend {}

	.down-arrow {
		padding: 15px 0 10px 0 !important;
	}

	.header-content h2 {
		font-size: 32px !important;
	}

	.header-content p {
		font-size: 18px !important;
	}
}

@media (min-height:751px) and (max-height:900px) and (min-width:1199px) {
	.header-content .btn {
		margin: 10px 0 40px 0;
	}

	.aliens {
		width: 600px !important;
		margin-top: -40px !important
	}

	.legend {}
}

/* End Media Queries */

/* Animations */

.animated {
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-timing-function: ease-in;
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes bouncing {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(-15px);
	}

	60% {
		transform: translateY(-15px);
	}
}

.bouncing {
	animation: bouncing 5s infinite;
}

.fadeInLeft {
	animation-name: fadeInLeft;
}

.fadeInRight {
	animation-name: fadeInRight;
}

.fadeIn {
	animation-name: fadeIn;
}

.info-content-left,
.info-icon-left,
.info-content-right,
.info-icon-right,
.network-safe-content-left,
.network-safe-icon-left,
/*.why-opendns-right,
.why-opendns-left,*/
.lights-out-content,
.ghost-btn .learn-more-left,
.learn-more-right {
	visibility: hidden;
}

.legend {
	display: block;
	border-top: 1.5px solid #A7A7A7;
	padding: 35px 15px 0px 15px;
	margin: 0 auto;
	width: 100%;
}

.legend p {
	text-align: left;
	font-size: 12px;
	height: 20px;
}

.legend .roaming-devices {
	width: 43px;
}

.legend p img {
	padding-right: 15px;
}

.legend .padding-right-10 {
	padding-right: 10px;
}

.legend p.your-network {
	position: relative;
	padding-left: 44px;
}

.legend p.your-network img {
	position: absolute;
	bottom: 0;
	left: 3px;
}

.smaller-icon {
	height: 22px;
}

.legend p span {
	font-size: 12px;
}

.legend .col-lg-6 p {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 10px;
}

.legend .col-lg-3 p {
	width: auto;
	margin: 0 auto;
	margin-bottom: 10px;
}

@media (min-width:1700px) {
	.legend {
		max-width: 85%;
	}
}

@media (max-width:1371px) and (min-width:1200px) {
	.legend .col-lg-3 p {
		width: 90%;
	}

	.legend p img {
		padding-right: 5px;
		max-width: 20px;
	}

	.legend {
		width: 88%;
	}

	.smaller-icon {
		height: 15px;
	}
}

@media (max-width:1199px) {
	.legend {
		width: 65%;
	}

	.smaller-icon {
		height: auto;
	}

	.legend p {
		height: auto;
	}

	.legend .col-lg-3 p,
	.legend .col-lg-6 p {
		width: 100%;
	}

	.legend p.your-network {
		position: relative;
		padding-left: 40px;
		padding-top: 20px;
	}

	.legend p.your-network img {
		position: absolute;
		bottom: 0;
		left: 3px;
	}

	.first-line-defense .col-lg-8 {
		text-align: center;
		margin-top: 40px;
	}

	.secure-internet-gateway img {
		margin-top: 20px;
	}

	.animation h2 {
		font-size: 20px;
	}
}

@media (max-width:875px) {
	.legend {
		width: 100%;
	}
}